@charset "utf-8";
/* CSS Document */

html{color:#333;background:#fff}
body,div,p,h1,h2,h3,h4,h5,h6,img,ul,li,a,strong,span,p,dl,dt,dd,input,textarea{
    margin:0px;
    padding:0px;
    list-style:none;
    border:0px;
    text-decoration:none;
    font-family:"microsoft yahei",SimSun;
    font-weight: normal;
	font-size:14px;
	letter-spacing:1px;
}
*{ padding:0 ; margin:0 ; font-size:14px;}
table{border-collapse:collapse;border-spacing:0}
a{ text-decoration:none;}
fieldset,img{border:0}
ol,ul{list-style:none}
caption,th{text-align:left}

.w-100{width:100%; height:auto; overflow:hidden;}
.w-1100{width:1100px; margin:0 auto; overflow:hidden;}
.w-1200{width:1200px; margin:0 auto; overflow:hidden;}
.w-1200-1{width:1200px; margin:0 auto;}
.w-1236{width:1236px; margin:0 auto; overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.clear{ clear:both;}
.MT-10{ margin-top:10px;}
.MT-15{ margin-top:15px;}
.MT-20{ margin-top:20px;}
.MT-30{ margin-top:30px;}
.MT-40{ margin-top:40px;}
.MT-50{ margin-top:50px;}
.MT-60{ margin-top:60px;}
.MT-65{ margin-top:65px;}
.MT-70{ margin-top:70px;}
.MT-80{ margin-top:80px;}

.MB-10{ margin-bottom:10PX;}
.MB-20{ margin-bottom:20PX;}
.MB-30{ margin-bottom:30px;}
.MB-40{ margin-bottom:40px;}
.MB-50{ margin-bottom:50px;}

.BG-TC{ background-position:top center; background-repeat:no-repeat;}
.BG-TL{ background-position:top LEFT; background-repeat:no-repeat;}
.BG-TR{ background-position:top RIGHT; background-repeat:no-repeat;}
.f-s13{ font-size:13px;}
.f-s14{ font-size:14px;}
.f-s15{ font-size:15px;}
.f-s16{ font-size:16px;}
.f-s17{ font-size:17px;}
.f-s18{ font-size:18px;}
.f-s20{ font-size:20px;}
.f-s22{ font-size:22px;}
.f-s24{ font-size:24px;}
.f-s26{ font-size:26px;}
.t-align-r{ text-align:right;}
.t-align-l{ text-align:left;}
.t-align-c{ text-align:center;}

/*TOP*/
.TOP-BG{ height:650px; width:100%; margin:0px; padding:0px;}
	/*flash*/
.TOP-BG1{ height:257px; width:100%; margin:0px; padding:0px;}
.fullSlide{width:100%;position:relative;height:800px;background:#fff;}
.fullSlide1{width:100%;position:relative;height:257px;background:#000;background: url(../../Img/0111.jpg) no-repeat;background-position: 50% 0;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height：890px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:680px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:50px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:11px;margin:1px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../../Images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}
	/*end flash*/
.TOP-TITLE{ height:110px; width:1200px; margin:0 auto; position:absolute; z-index:1111111111; left:50%; margin-left:-600px; top:0px;}
.TOP-menu{ height:100px; width:1200px; margin:0 auto; position:absolute; z-index:1111111112; left:50%; margin-left:-600px; top:110px; background-image: url(../../Img/bg01.jpg);}
	/*menu*/
.navbox ul{width:1018px;overflow:hidden;height:auto;position:absolute;left:50%;top:0;margin-left:-506px;z-index:30;}
.navbox ul li{width:113px;height:auto;float:left;text-align:center; position:relative;z-index:-1;}
.navbox ul li a{width:100%;height:100px;line-height:100px;display:block;float:left;font-size:16px;font-family:'微软雅黑';color:#fff;text-decoration:none;display:block;}
.navbox ul li a.first{background:none;}
.navbox ul li.on a{color:#fff;}
.navbox ul li .second{width:200px;height:auto;padding:10px;float:left;background:#f6f6f6;display:none;margin-left:0px; padding-bottom:30px;}
.navbox ul li .second a { display:block; height:30px; line-height:30px; border-bottom:#CCC 1px solid; font-size:14px; color:#666;}
.navbox ul li .second a:hover{ display:block; background-color:#fd7627; color:#fff;}

.navbox .dot{width:1018px;height:8px;line-height:8px;position:absolute;left:50%;top:70px;margin-left:-509px;z-index:90000;}
.navbox .dot ul{width:1018px;height:8px;line-height:8px;position:relative;}
.navbox .dot ul span{width:90px;height:8px;background:url(dot.html) no-repeat center center;display:block;position:absolute;left:0;top:0;z-index:999;}

.navbox .dot_a{width:1018px;height:100px;line-height:100px;position:absolute;left:50%;top:0px;margin-left:-509px;z-index:-1;}
.navbox .dot_a ul{width:1018px;height:100px;line-height:100px;position:relative;}
.navbox .dot_a ul span{width:109px;height:100px;/*background:#0b89ea;*/ background-image:url(../../Img/menu_bg03.jpg); background-position:top center; background-repeat:no-repeat; display:block;position:absolute;left:0;top:0;z-index:-1;}
	/*end menu*/

/*END TOP*/ 

/*HOME MIDDLE*/
.H-class01{ width:1200px; height:55px; background-color:#f7f7f7; padding: 18px 50px; margin-top:120px;}
.H-class01 ul{ margin: 0px; padding: 0px; }
.H-class01 ul li{ float: left; width: 219px; height: 54px; line-height: 54px; background-color: #464646; margin-right: 1px; }
.H-class01 ul li .num01{ float: left; width: 61px; height: 54px; background-image: url(../../Img/class01.png); line-height: 54px; text-align: center; font-size: 21px; color:#ffffff; text-indent: 3px;}
.H-class01 ul li a{ display: block; float: left; height: 54px; line-height: 54px; width: 150px; text-align: left; font-size: 16px; color: #ffffff; overflow: hidden; }
.H-class01 ul li:hover { background-color: #fd7627; }
.H-class01-ON{ background-color: #fd7627 !important;}

.H-title01{ height: 119px; background-image: url(../../Img/bg02.jpg); overflow: hidden;}
.H-title01 h3{ display: block; height: 49px; margin-top:19px; line-height: 49px; text-align: center; color: #252424; font-size: 30px; }
.H-title01 p{ display: block; height: 19px;line-height: 17px; text-align: center; color: #ffffff; font-size: 14px; text-transform: uppercase; letter-spacing:0px;}

.H-PRO001{ width:1200px; height:auto; overflow:hidden; margin-top:15px;}
.H-PRO001 ul{width:1300px;}
.H-PRO001 ul li{width: 285px; height: 325px; overflow: hidden; margin-right: 20px; float:left;}
.H-PRO001 ul li .tit01{ width: 285px; height: 90px; background-color: #eaeaea; margin-top: 15px; overflow:hidden; 
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.H-PRO001 ul li .tit01 a h2{ display: block; height: 33px; line-height: 33px; margin-top: 16px; text-align: left; font-size: 17px; color: #010101; text-indent:23px; overflow:hidden; }
.H-PRO001 ul li .tit01 p{ display: block; height: 26px;  text-align: left; font-size: 14px; color: #939292;text-indent:23px }
.H-PRO001 ul li .tit01 .line01{ height: 2px; float: left; width: 32px; background-color:#2c2b30; margin-left:23px;
  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
 }
 .H-PRO001 ul li:hover .tit01 .line01{ width: 200px; background-color:#fff;
    -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
 }
.H-PRO001 ul li .tu001{ width:285px; height:209px; overflow:hidden;}
.H-PRO001 ul li:hover .tit01{ margin-top:0px;
	 -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.H-PRO001 ul li:hover .tit01{ background-color:#fd7627;}
.H-PRO001 ul li:hover .tit01 a h2{ color:#fff;}
.H-PRO001 ul li:hover .tit01 p{ color:#fff;}
.H-PRO001-more a{ display:block; height:154px; width:1200px; margin:0 auto; background-image: url(../../Img/bg03.jpg); text-align:center; line-height:140px; font-size:16px; color:#464646; text-indent:-13px;}

.H-ABOUT{ height:712px; background-image:url(../../Img/bg04.jpg); background-position:top center; background-repeat:no-repeat;}
.H-ABOUT01{ width:1046px; height:188px; float:left;}
.H-ABOUT01 h2{ display:block; height:46px; line-height:46px; text-align: center; margin-top:41px; font-size:26px; color:#464646;}
.H-ABOUT02{ margin:0px; padding:0px;}
.H-ABOUT02-l{ float:left; width:643px; height:auto;}
.H-ABOUT02-l p{ display:block; width:600px; height:123px; float:left; margin-top:26px; text-align:left; line-height:170%; font-size:14px; color:#7f7f7f; overflow:hidden;}
.H-ABOUT02-l-more a{ display:block; margin-top:30px; float:left; width:155px; height:35px; border:#a3a4a6 3px solid; line-height:35px; text-align:center; font-size:14px; color:#363636;
	-moz-border-radius: 20px;     -webkit-border-radius: 20px;   border-radius:20px; 
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;   
}
.H-ABOUT02-l-more:hover a{ width:260px; border:#c44d51 3px solid; background-color:#c44d51; color:#fff;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.H-AB02-r{ float:right; width:557px;}

.H-VIDEO{ width:895px; height:432px; float:right; overflow:hidden;}

.H-part03{ height:679px; background-image:url(../../Img/bg05.jpg); background-position:top center; background-repeat:no-repeat;}
.H-tit002{ height:100px; width:100%; margin-top:53px;}
.H-tit002 h4{ display:block; height:50px; line-height:50px; text-align:center; color:#fff; font-size:40px;}
.H-tit002 p{ display:block; height:26px; line-height:26px; text-align:center; font-size:16px; color:#fae1cd;}
.H-pt03-01{ float:left; width:283px; overflow:hidden;}
.H-pt03-01 h5{ display:block; height:48px; line-height:48px; text-align:center; font-size:37px; color:#fff;}
.H-pt03-01 p{ display:block; width:222px; font-size:18px; color:#605f5d; text-align:center; line-height:130%; margin:0 auto; font-weight:bold;}
.H-pt03-04{float:right; width:256px; overflow:hidden;}
.H-pt03-04 h5{ display:block; height:48px; line-height:48px; text-align:center; font-size:37px; color:#fff;}
.H-pt03-04 p{ display:block; width:222px; font-size:18px; color:#605f5d; text-align:center; line-height:130%; margin:0 auto; font-weight:bold;}

.H-part04{ height:694px; background-image:url(../../Img/bg06.jpg); background-position:top center; background-repeat:no-repeat;}
.H-part04 .w-1200 h4{ display:block; height:50px; line-height:50px; font-size:31px; text-align:center; color:#fff; margin-top:60px;}
.H-part04-more a{ display:block; width:271px; height:36px; line-height:36px; text-align:center; border:#e15258 1px solid; margin:0 auto; color:#fff; font-size:15px; background-color:#e15258;
	-moz-border-radius: 10px;      /* Gecko browsers */   -webkit-border-radius: 10px;   /* Webkit browsers */    border-radius:10px;            /* W3C syntax */
}
.H-news001{ float:left; width:336px; height:auto; overflow:hidden;}
.H-news001 ul{ margin:0px; padding:0px;}
.H-news001 ul li{ height:77px; width:100%;}
.H-news001 ul li .line002{ width:30px; height:2px; background-color:#464646; float:left; margin-top:4px;}
.H-news001 ul li a h5{ display:block; height:28px; margin-top:5px; line-height:28px; text-align:left; font-size:15px; color:#343434; overflow:hidden; width:100%;}
.H-news001 ul li span{ display:block; height:16px; line-height:16px; text-align:left; font-size:13px; color:#343434;}
.H-news001 ul li:hover .line002{ background-color:#f18818;}

.H-news002{ float:left; width:471px; height:auto; overflow:hidden;}
.H-news002 ul{ margin:0px; padding:0px; height:300px; background-image:url(../../Img/bg07.jpg); background-position:top left; background-repeat: repeat-y;}
.H-news002 ul li{ height:38px; width:100%; margin-bottom:20px;}
.H-news002 ul li .l{ float:left; width:34px; height:38px; background-image:url(../../Img/bg07-1.jpg);}
.H-news002 ul li .date01{ float:left; height:38px; width:90px; margin-left:8px; line-height:38px; text-align:left; font-size:13px; color:#000000;}
.H-news002 ul li a h5{ float:left; width:290px; height:38px; line-height:38px; text-align:left; font-size:15px; color:#343434; overflow:hidden;}
.H-news002 ul li:hover .l{background-image:url(../../Img/bg07-2.jpg);}
.H-news002 ul li:hover a h5{ color:#fd874b;}
.H-news002 ul li:hover .date01{color:#fd874b;}



/*产品样式6*/
.NY-PRO06{ width:1200px; height:auto; overflow:hidden; padding-top:20px;}
.NY-PRO06 ul{ width:1250px; height:auto; overflow:hidden;}
.NY-PRO06 ul li{ float:left; width:282px; height:250px; margin-right:23px;}
.NY-PRO06 ul li .tu{ width:282px; height:188px; border:#ffffff 1px solid; overflow:hidden; position:relative;}
.NY-PRO06 ul li .tu .tu-up{ position:absolute; width:282px; height:188px; background-image: url(../../Img/ny-png01.png); margin-top:188px; z-index:10px;
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.NY-PRO06 ul li:hover .tu .tu-up{ margin-top:0px;
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.NY-PRO06 ul li .tu .tu-up a{ display:block; margin-top:40px; width:100%; height:26px; line-height:26px; font-size:26px; color:#ffffff; text-align:center; }
.NY-PRO06 ul li .tu .tu-up .up-tu{ width:100%; margin-top:15px; text-align:center;}
.NY-PRO06 ul li h5 a{ display:block; height:40px; line-height:40px; width:100%; text-align:center; margin-top:15px; color:#dddddd; font-size:15px; margin-top:0px;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.NY-PRO06 ul li:hover h5 a{ background-color:#f63c3d; color:#fff;
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.NY-PRO06-MORE a{ margin:0 auto; display:block; width:100%; height:39px; line-height:39px; text-align:center; background-color:#f63c3d; color:#ffffff; font-size:16px; margin-top:10px;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.NY-PRO06-MORE a:hover{width:80%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}

/*产品样式6-1*/
.NY-PRO0601{ width:1200px; height:auto; overflow:hidden; padding-top:20px;}
.NY-PRO0601 ul{ width:1250px; height:auto; overflow:hidden;}
.NY-PRO0601 ul li{ float:left; width:285px; height:255px; margin-right:19px;}
.NY-PRO0601 ul li .tu{ width:273px; height:172px; border:#454548 6px solid; overflow:hidden; position:relative;}
.NY-PRO0601 ul li .tu .tu-up{ position:absolute; width:273px; height:172px; background-image: url(../../Img/ny-png01.png); margin-top:172px; z-index:10px;
transform:rotate(180deg);
-ms-transform:rotate(180deg); /* Internet Explorer */
-moz-transform:rotate(180deg); /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); /* Opera */
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.NY-PRO0601 ul li:hover .tu .tu-up{ margin-top:0px;
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.NY-PRO0601 ul li .tu .tu-up h5 a{ display:block; margin-top:40px; width:100%; height:26px; line-height:26px; font-size:26px; color:#ffffff; text-align:center; }
.NY-PRO0601 ul li .tu .tu-up .up-tu{ width:100%; margin-top:15px; text-align:center;}
.NY-PRO0601 ul li h4 a{ display:block; height:31px; line-height:31px; width:100%; text-align:center; border:#454548 1px solid; margin-top:15px; color:#454548; font-size:16px;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.NY-PRO0601 ul li:hover h4 a{ background-color:#fd7627; color:#fff;
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.NY-PRO0601-MORE a{ margin:0 auto; display:block; width:100%; height:39px; line-height:39px; text-align:center; background-color:#f63c3d; color:#ffffff; font-size:16px; margin-top:10px;
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.NY-PRO0601-MORE a:hover{width:80%; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}



/*END HOME MIDDLE*/

/*内页*/
.NY-flash{ width:100%; height:670px; background-position:top center; background-repeat:no-repeat; overflow:hidden;}
.NY-line001{ height:108px; width:100%; border-bottom:#ececec 1px solid;}
	/*内页导航小分类*/
.NY-MENU001{ margin:20px;*text-align:center; padding-top:12px;}
.NY-MENU001 ul{display:table;margin-left:auto;margin-right:auto;}
.NY-MENU001 ul li{float:left;*float:none;*display:inline;*zoom:1; margin-left:10px; margin-right:10px;width:180px; height:50px; line-height:50px; overflow:hidden;/* position:relative; z-index:10;*/ 
}
.NY-MENU001 ul li a h4{ display:block; height:40px; line-height:40px; text-align:center; color:#fff; font-size:18px;
	background-color:#464646; color:#fff; border: #464646 1px solid;
	-moz-border-radius: 10px;      /* Gecko browsers */   -webkit-border-radius: 10px;   /* Webkit browsers */    border-radius:10px;            /* W3C syntax */ 
}
.NY-MENU001 ul li a h4:hover{background-color:#fd7627; border: #fd7627 1px solid;}
.NY-MENU001-hover{ display:block; background-color:#fd7627 !important; border:#fd7627 1px solid !important;}

.NY-TITLE001{ width:1200px; height:116px; background-image:url(../../Img/NY-tu001.jpg); background-position:bottom; background-repeat:repeat-x; overflow:hidden;}
.NY-TITLE001 h2{ display:block; margin-top:32px; height:39px; line-height:39px; font-size:26px; color:#fd7627; text-align:center;}
.NY-TITLE001 span{ display:block; height:20px; line-height:20px; text-align:center; font-size:15px; color:#ababab; text-transform:uppercase; letter-spacing:0px;}

.NY-part03{ height:609px; width:100%; background-image:url(../../Img/ny-bg01.jpg); background-position:top center;}
.NY-part03 .w-1200 h4{ display:block; height:50px; line-height:50px; font-size:31px; text-align:center; color:#fff; margin-top:60px;}

/*pro14*/
.NY-PRO14 {
    width:1200px; overflow:hidden; margin-top:30px; margin-bottom:40px;
}
.NY-PRO14 ul {
	width:1300px;
    float: left;
}
.NY-PRO14  li {
    display: inline;
    float: left;
    width: 287px;
    height: 378px;
    margin-right: 17px;
    margin-top: 0px;
	margin-bottom:40px;
    position: relative;
    /*box-shadow: 0 11px 13px #888888*/
}
.NY-PRO14  li .tu{ width:288px; height:212px; overflow:hidden;}
.NY-PRO14  li .tu .tu01{ width:288px; height:212px;
	-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.NY-PRO14  li:hover .tu .tu01{ width:287px; height:212px;
	-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;
}
.NY-PRO14  li .nr{ width:288px; height:133px; background-image: url(../../Img/pro14-bg.jpg);}
.NY-PRO14  li .nr h1 a{ display:block; width:100%; height:48px; line-height:60px; text-align:center; font-size:20px; color:#000000;}
.NY-PRO14  li .nr h2{ display:block; width:100%; height:22px; line-height:22px; text-align:center; font-size:15px; color:#000000;}
.NY-PRO14  li .nr h3{ display:block; width:100%; height:20px; line-height:20px; text-align:center; font-size:13px; color:#a7a6a6;}
.NY-PRO14  li:hover .nr{ background-image:none; background-color:#fd7627;}
.NY-PRO14  li:hover .nr h1 a{ color:#ffffff;}
.NY-PRO14  li:hover .nr h2{ color:#ffffff;}
.NY-PRO14  li:hover .nr h3{ color:#ffffff;}
.NY-PRO14  li .jian{ position:absolute; top:314px; left:114px; width:61px; height:61px; background-image:url(../../Img/pro14-jian01.png);
transform:rotate(0deg);
-ms-transform:rotate(0deg); /* Internet Explorer */
-moz-transform:rotate(0deg); /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); /* Opera */
-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;
}
.NY-PRO14  li:hover .jian{ background-image:url(../../Img/pro14-jian01.png);
transform:rotate(360deg);
-ms-transform:rotate(360deg); /* Internet Explorer */
-moz-transform:rotate(360deg); /* Firefox */
-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
-o-transform:rotate(360deg); /* Opera */
-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}




.NY-DF01{ width:100%;padding:30px 0px;}
.NY-DF01-nr{ width:1200px; text-align:left; padding-top:20px; padding-bottom:50px; line-height:190%; font-size:15px; color:#666; overflow:hidden; margin:0 auto;}




/*下面产品*/
.NY-B-PRO01{width:1200px; margin:0 auto; height:auto; overflow:hidden;}
.NY-B-PRO01 ul{ width:1250px; margin-top:20px;}
.NY-B-PRO01 ul li{ float:left; width:187px; height:188px; margin-right:15px;}
.NY-B-PRO01 ul li .tu{ width:187px; height:125px; overflow:hidden; border:#FFF 1px solid;}
.NY-B-PRO01 ul li .tu .tu01{ width:187px; height:125px;
	-webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); 
	 -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;
}
.NY-B-PRO01 ul li:hover .tu .tu01{
	-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); 
	-webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out; transition: all 0.6s ease-out;
	}
.NY-B-PRO01 ul li h5 a{ display:block; height:30px; margin-top:10px; line-height:150%; font-size:13px; color:#fff; text-align:center;}
.NY-B-PRO01 ul li:hover h5 a{ color:#fff;}


/*end 内页*/



/*BOTTOM*/
.H-B01{ background-color:#000000;}
.H-B02{ height:226px; background-image:url(../../Img/bg081.jpg); background-repeat:no-repeat;}
.H-B02-1{ height:100px; position:relative;}
.H-B02-1 h2{ display:block; margin-top:32px; height:35px; line-height:35px; text-align:center; color:#cbcbcb; font-size:22px; text-align:center;}
.H-B02-1 .phone001{ height:56px; text-align:center; line-height:56px; color:#f18818; font-size:52px; font-family:Impact;}
.H-B02-1 .ewm001{ position:absolute; top:-34px; right:50px; z-index:100;}

.H-b-link{ width:100%; height:56px; margin-top:10px;}
.H-b-link .title001{ float:left; width:92px; height:56px; text-align:left; line-height:30px; font-size:16px; color:#f18818;}
.H-b-link a{ display:block; float:left; padding-right:20px; height:56px; line-height:30px; font-size:14px; color:#b8b8b8;}

.H-b-menu {*text-align:center; width:1100px; margin:0 auto; padding-top:10px; }
.H-b-menu ul {display:table;margin-left:auto;margin-right:auto;}
.H-b-menu ul li{float:left;*float:none;*display:inline;*zoom:1; margin-left:15px; margin-right:15px; height:auto;  width:70px; height:46px; overflow:hidden; position:relative; z-index:10;} 
.H-b-menu ul li a{ width:70px; height:46px; line-height:46px; text-align:center; color:#c4bdb9; font-size:15px;}

.H-b-bq{ width:1000px; margin:0 auto; height:auto; text-align:center; color:#d4cfcc; font-size:15px; line-height:170%; padding-top:15px;}




/*END BOTTOM*/



/*友情链接*/	


/*首页渐出效果*/

.js .animate-box {
  opacity: 0;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

.animated.flipOutX,
.animated.flipOutY {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    /*-webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);*/
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*END 首页渐出效果*/

/*效果*/
@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}


@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}
@-webkit-keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}